<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
    <script>
        $(document).ready(function(){
            //var $lis = $("li");
            var lis = document.getElementsByTagName("li");
            for(var i=0;i<lis.length;i++){
                if(i % 2 == 0){
                    lis[i].style.background = "red";
                }else{
                    lis[i].style.background = "blue";
                }
            }
        })
    </script>
</head>
<body>
   <ul>
       <li>隔行变色，索引号为0</li>
       <li>隔行变色，索引号为1</li>
       <li>隔行变色，索引号为2</li>
       <li>隔行变色，索引号为3</li>
       <li>隔行变色，索引号为4</li>
       <li>隔行变色，索引号为5</li>
   </ul>
</body>
</html>